<template>
  <div id="container" />
</template>

<script>
export default {
  name: 'Text',
  data () {
    return {
    }
  },
  mounted () {
    window.onLoad = function () {
      const map = new AMap.Map('container')
    }
    const url = 'https://webapi.amap.com/maps?v=1.4.15&key=226aa2fa93166c4329ac743211fcce08&callback=onLoad'
    const jsapi = document.createElement('script')
    jsapi.charset = 'utf-8'
    jsapi.src = url
    document.head.appendChild(jsapi)
  }
}
</script>

<style scoped lang="less">
#container{
    width: 500px;
    height: 500px;
}
</style>
